草庐IT

css - 使 div 可滚动

全部标签

javascript - PDF.js 使用滚动条渲染 pdf

我使用mozillapdf.js。我有一个代码:functiondisplayDocument(){PDFJS.getDocument(numberOdDocument[attachment]).then(function(pdfDoc_){pdfDoc=pdfDoc_;renderPage(pageNum);});}functionrenderPage(num){pdfDoc.getPage(num).then(function(page){varviewport=page.getViewport(scale,rotate);canvas.height='900';canvas.wi

javascript - 使用纯 JS 滚动到 div(不是窗口)内的位置

纯JS,请不要使用JQUERY我有一个带溢出滚动的div,窗口(html/body)永远不会溢出。我有一个anchor链接列表,希望在单击它们时滚动到某个位置。基本上只是从div中寻找anchor滚动,而不是窗口。window.scrollTo等不起作用,因为窗口实际上从未溢出。简单测试用例http://codepen.io/mildrenben/pen/RPyzqmJadenava(data-goto="#1")1a(data-goto="#2")2a(data-goto="#3")3a(data-goto="#4")4a(data-goto="#5")5a(data-goto="#

javascript - 用户查看页面后启动 CSS3 转换?

我的主页顶部有一个CSS3动画,它会在页面加载后立即启动。问题是,如果用户在新选项卡中打开该页面但没有立即查看它,即使他们没有查看该页面,动画也会播放。有没有办法让动画仅在用户查看该页面后才开始播放?有点像如果您在另一个隐藏的选项卡中打开YouTube视频,它不会自动播放,直到您打开该选项卡。如果您在新选项卡中打开笔,CodePen也会执行相同的操作,直到您查看该选项卡,它才会启动 最佳答案 您需要使用可见性api:https://developer.mozilla.org/en-US/docs/Web/API/Page_Visib

javascript - 将处理程序附加到窗口滚动事件

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭1年前。ImprovethisquestionJohnResig建议使用setInterval()以减少调用处理程序的次数-参见http://ejohn.org/blog/learning-from-twitter/John在博文中的解决方案:varouterPane=$details.find(".details-pane-outer"),didScroll=false;$(window).scroll(function(){did

javascript - Web 应用程序中具有自动淡入/淡出功能的 iPhone 样式滚动条

我正在制作一个网络应用程序,非常喜欢自动淡入和淡出的iPhone风格的滚动条。以前只在iOS产品上看到过,现在好像Facebook已经在Chat联系人列表中实现了。为什么我这么喜欢它?它会自动淡入和淡出,因此不那么突兀并且可以节省大量空间。当它显示时,它有效地位于div内部,而不是围绕它,再次有效地利用了空间。关于如何做到这一点有什么想法吗?不是MatteoSpinelli的“iScroll”采用“普通”滚动条(对于iOS产品当然是iOS样式)用于div。我试过使用JonathanAzoff的OverscrollJquery插件,但我似乎无法让它正常工作。我设法让滚动条在mouseen

javascript - 如何使用 jQuery 循环元素中的单个 div

我正在尝试查看以下是否可行:我希望能够连续循环一个元素中的单个div[因此div的开始是在循环时同一个div的末尾。]这不一定是现有的插件。如果可能的话,我宁愿不克隆div。div的宽度将在循环之前通过javascript设置,但可能会进行少量调整。如果有任何想法,我将不胜感激! 最佳答案 jsBindemojQuery:$('.scroller').each(function(){$(this).find('img').clone().appendTo($(this));});(functionmove(){$('.scrolle

javascript - 如何在 twitter-bootstrap 中应用 navbar-inverse 的 CSS

通过使用twitter-bootstrap通过添加.navbar-inverse可以修改导航栏的外观。...我想做的是一个简单的js模块来更改网站的主题。我的脚本只能将一个类添加到主体选择器,然后所有内容都由less文件生成。$('body').addClass('theme-dark');使用js代码很容易得到结果。$('.navbar').addClass('navbar-inverse');但我的问题是不同的:仅通过将newTheme类添加到body选择器来应用navbar-inverse,更改less文件是否可能?如果是,我应该如何编写less规则?我想做这样的事情:.them

javascript - Meteor 加载脚本,特定于页面的 CSS

我目前遇到的问题是,我希望能够只执行特定的脚本和CSS文件,因为如果在错误的页面上执行,它会在浏览器控制台中产生错误。我正在为Meteor使用“Ironrouter”,只有基本代码才能使其正常工作。现在,有没有办法让我将脚本作为参数发送,以便它只加载我希望页面加载的脚本? 最佳答案 简而言之,没有。(还有。)如果你有错误,你可能有错误的代码结构。有一些方法可以仅在需要时执行代码-您可能还应该看看template.rendered和template.created回调作为铁路由器Controller。然而,这是为了执行-所有内容都在开

javascript - React Web 应用程序的默认 css 显示值是多少?

我正在通过react.js的upwork测试,我遇到了这个问题,我真的不知道,而且google/react文档对我没有帮助。谁能知道?这对我来说很有趣) 最佳答案 React应用程序不是元素。它没有任何CSS属性的默认值。 关于javascript-ReactWeb应用程序的默认css显示值是多少?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/44628928/

javascript - 如何使用 CSS 自定义 Google 日历?

我有一个带有Google日历的iframe:疑问:我可以使用CSS自定义GoogleCalendar吗?如果没有,我可以自定义其他方式吗?我想更改字体大小、颜色等 最佳答案 Google日历公开其API。它们在此处可用,这些API与用于自定义Android日历应用程序布局的API相同。https://developers.google.com/calendar/您可以在这些API之上编写任何CSS/布局可能不相关,但如果您只是在寻找google日历事件,则有一个开源存储库可以帮助您。检查这个:http://sugi.github.i